<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>商品列表</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<style>
		#pl td img{width:60px;height:50px;}
		#pl{text-align:center;font-size:14px;line-height:50px;}
		#pl td{width:150px;}
		#productList{position:absolute;top:261px;left:300px;}
		#productList p{font-size:16px;position:absolute;left:-10px;top:-66px;}
		#paging{margin-top:-30px;margin-right:10%;}
		#upk div{width:650px;height:550px;border:2px solid #FF4E00;border-radius:5px;
		position:absolute; top:200px;left:400;background-color:#fff; display: none; }
		#img{position:absolute;left:630;top:5;}
		#im{whdth:50px;height:50px;}
		#inp{display: none;}
		#fi{display:none;}
		#upK form{position:absolute;left:200;bottom:60;}
		#spid{display:none;}
		#mess{color:red;font-size:20px;}
		#wq{width:500px;height:300px;margin:-480px 0 160px 450px;}
		#wq>img{margin-left:196px;margin-top:56px;}
		#wq>p{font-size:16px;text-align:center;}
		#wq a{text-decoration: underline;}
	</style>
<!-- <script type="text/javascript" src="js/jquery-1.12.4.js"></script> -->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript">
		$(function(){
			 pc();
			findProduct(1);
			$("#img").click(function(){
			$("#upk div").hide();
			});
			 $("#sel").change(function(){
			caidan();
			sancaidan();
			});
			$("#sele").change(function(){
			sancaidan();
			}); 
			$("#add").submit(function(){
				var reg = /^\d*$/;
			if($("#name").val()==""||$("#price").val()==""||$("#gg").val()==""||$("#kc").val()==""){
			$("#mess").html("请输入完整的信息");
			return false;
			}else if(isNaN($("#price").val())){
			$("#mess").html("价格只能为数字");
			return false;
			}else if($("#price").val()<0){
			$("#mess").html("价格不能是小于0");
			return false;
			}
			else if($("#kc").val()<0){
			$("#mess").html("库存不能小于0");
			return false;
			}else if(isNaN($("#kc").val())){
			$("#mess").html("库存只能为数字");
			return false;
			}else if(!reg.test($("#kc").val())){
			$("#mess").html("库存只能为整数");
			return false;
			}else if(!isNaN($("#ys").val())){
			$("#mess").html("颜色不能为数字");
			return false;
			}else{
			$("#mess").html("");
			return true;
			}
			});
		/* 	$("#name").blur(function(){
			if(this.value==""){
			alert("请输入商品名称");
			}
			}); */
	/* 		$("#price").blur(function(){
			if(this.value==""){
			alert("请输入单价");
			}
			});
 */		/* 	$("#kc").blur(function(){
			if(this.value==""){
			alert("请输入库存");
			}else if($("#kc").val()<1){
			alert("库存不能小于1");
			} 
			});  */
			//商品图片改变事件
	/* 		$(".luj").change(function(){
			var lu=	$(".luj").val();
			$(".kc").val(lu);
			$(".jg").val(lu);
			$(".zt").val(lu);
			$(".gg").val(lu);
			$(".ys").val(lu);
			});
			//库存改变事件
			$(".kc").change(function(){
			var lu=$(".kc").val();
			$(".luj").val(lu);
			$(".jg").val(lu);
			$(".zt").val(lu);
			$(".gg").val(lu);
			$(".ys").val(lu);
			});
			//价格改变事件
			$(".jg").change(function(){
			var lu=$(".jg").val();
			$(".kc").val(lu);
			$(".luj").val(lu);
			$(".zt").val(lu);
			$(".gg").val(lu);
			$(".ys").val(lu);
			});
			//状态改变事件
			$(".zt").change(function(){
			var lu=$(".zt").val();
			$(".jg").val(lu);	
			$(".kc").val(lu);
			$(".luj").val(lu);
			$(".gg").val(lu);
			$(".ys").val(lu);
			});
			//规格改变事件
			$(".gg").change(function(){
			var lu=$(".gg").val();
			$(".jg").val(lu);
			$(".kc").val(lu);
			$(".luj").val(lu);
			$(".zt").val(lu);
			$(".ys").val(lu);
			});
			//颜色改变事件
			$(".ys").change(function(){
				var lu=$(".ys").val();
			$(".jg").val(lu);
			$(".kc").val(lu);
			$(".luj").val(lu);
			$(".gg").val(lu);
			$(".zt").val(lu);
			}); */
			});//结尾
		function getPath(fileDom) {//文件上传  
   			//判断是否支持FileReader  
   			if (window.FileReader) {  
       			var reader = new FileReader();  
   			} else {  
       			alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");  
   			}  
   			//获取文件  
		    var file = fileDom.files[0];  
		    var imageType = /^image\//;  
		    //是否是图片  
		    if (!imageType.test(file.type)) {  
		        alert("仅支持图片！");  
		        return;  
		    }  
		    //读取完成  
		    reader.onload = function (e) {  
		        //获取图片dom  
		    var img = document.getElementById("im");  
		        //图片路径设置为读取的图片  
		    img.src = e.target.result;  
		    };  
		    reader.readAsDataURL(file);  
		} //文件上传结束
			var pageIndex = 1;
			var pageCount = 0;
		//查询总页数
		function pc(){
			$.ajax({
				"url":"product",
				"type":"post",
				"data":"opr=findProduct&child=pc",
				"dataType":"text",
				"success":function(data){
				pageCount = Number(data);
				paging();
				}
			});
		}
	 //查询商品列表
		function findProduct(pi){
		pageIndex = pi;
		var str;
		var kc;
		var jg;
		var zt;
		var gg;
		var ys;
		$.ajax({
				"url":"product",
				"type":"post", 
				"data":"opr=findProduct&pageIndex="+pi,
					async:false,
				"dataType":"JSON",
				"success":function(data){
				$("#pl").empty();
				$("#pl").append("<tr><td>商品名称</td><td>商品图片</td><td>库存</td><td>价格</td><td>状态</td><td>规格</td><td>颜色</td><td colspan='2'>操作</td></tr>");
				for(var i=0;i<data.length;i++){
			/* 	str="<tr><td>"+data[i].name+"</td>";
			//	图片路径
				if(data[i].fileName.indexOf(",")<0){
				str+="<td><select class='luj'><option value='0'>"+data[i].fileName+"</option></select></td>";
				}else{
				var li=data[i].fileName.split(",");
				str+="<td><select class='luj'>";
				for(var j=0;j<li.length;j++){
				str+="<option value="+j+">"+li[j]+"</option>";
				};
				str+="</select></td>";
				}
				//图片结束 
				 //库存
				if(data[i].stock.indexOf(",")<0){
				str+="<td><select class='kc' ><option value='0'>"+data[i].stock+"</option></select></td>";
				}else{
				var kuc=data[i].stock.split(",");
				str+="<td><select class='kc'>";
				for(var b=0;b<kuc.length;b++){
				str+="<option value="+b+">"+kuc[b]+"</option>";
				};
				str+="</select></td>";
				}
				//价格
				if(data[i].price.indexOf(",")<0){
				str+="<td><select class='jg'><option value='0'>"+data[i].price+"</option></select></td>";
				}else{
				var jg=data[i].price.split(",");
				str+="<td><select class='jg'>";
				for(var n=0;n<jg.length;n++){
				str+="<option value="+n+">"+jg[n]+"</option>";
				};
				str+="</select></td>";
				}
				//状态
				if(data[i].state.indexOf(",")<0){
				if(data[i].state==0){
			    var	z="上架";
				}else{
				z="下架";
				};
				str+="<td><select class='zt'><option value='0'>"+z+"</option></select></td>";
				}else{
				var zt=data[i].state.split(",");
				str+="<td><select class='zt'>";
				for(var m=0;m<zt.length;m++){
				var ztt;
				if(zt[m]==0){
				var	ztt="上架";
				}else{
				ztt="下架";
				};
				str+="<option value='0'>"+ztt+"</option>";
				};
				str+="</select></td>";
				};
				//规格
				if(data[i].specification.indexOf(",")<0){
				str+="<td><select class='gg'><option value="+i+">"+data[i].specification+"</option></select></td>";				
				}else{
				var gg=data[i].specification.split(",");
				str+="<td><select class='gg'>";
				for(var g=0;g<gg.length;g++){
				str+="<option value='0'>"+gg[g]+"</option>";				
				};
				str+="</select></td>";
				};
				//颜色
			if(data[i].colour==""){
				var d="暂无";
				str+="<td><select class='ys'><option value='0'>"+d+"</option></select></td>";
				}else{
				if(data[i].colour.indexOf(",")<0){
				str+="<td><select><option value='0'>"+data[i].colour+"</option></select></td>";
				}
				}
				if(data[i].colour!=""){
				var ys=data[i].colour.split(",");
				str+="<td><select class='ys'>";
				for(var l=0;l<ys.length;l++){
				str+="<option value="+l+">"+ys[l]+"</option>";
				};
				str+="</select></td>";
				}
				str+="<td><a href='javascript:update("+data[i].id+")'>修改</a></td><td><a href='javascript:deletee("+data[i].id+","+data[i].state+")'>删除</a></td></tr>";
				$("#pl").append(str);*/
				//
				if(data[i].stock==0){
				 kc="暂无";
				}else{
				kc=data[i].stock;
				}
				if(data[i].price==0){
				 jg="暂无";
				}else{
				jg=data[i].price;
				}
				if(data[i].state==0){
				zt="上架";
				}else{
				zt="下架";
				}
				if(data[i].specification==null){
				gg="暂无";
				}else if(data[i].specification==""){
				gg="暂无";
				}else{
				gg=data[i].specification;
				}
				if(data[i].colour==null){
				ys="暂无";
				}else if(data[i].colour==""){
				ys="暂无";
				}else{
				ys=data[i].colour;
				}
				str="<tr><td>"+data[i].name+"</td><td><img src='images/"+data[i].fileName+"'/></td><td>"+kc+"</td><td>"+jg+"</td><td>"+zt+"</td><td>"+gg+"</td><td>"+ys+"</td><td><a href='javascript:update("+data[i].id+","+data[i].specificationid+")'>修改</a></td><td><a href='javascript:deletee("+data[i].id+","+data[i].state+","+data[i].specificationid+")'>删除</a></td></tr>";
				$("#pl").append(str);
				};//循环结束				 
				}//回调函数结束
		});
		paging();
		} 
		function pageNum(){
			var str = "";
			for(i=1;i<=pageCount;i++){
				str += "<a  href='javascript:findProduct("+i+")'>"+i+"</a> ";
			}
			return str;
		}
		function paging(){
			$("#paging").empty();
			$("#paging").append("<a href='javascript:findProduct(1)' class='p_pre'>首页</a>");
			if(pageIndex == 1 && pageCount == 1){
				$("#paging").append(pageNum());
			} else if (pageIndex == 1){
				$("#paging").append(pageNum());
				$("#paging").append("<a href='javascript:findProduct(pageIndex+1)' class='p_pre'>下一页</a>");
			} else if (pageIndex == pageCount){
				$("#paging").append("<a href='javascript:findProduct(pageIndex-1)' class='p_pre'>上一页</a>");
				$("#paging").append(pageNum());
			} else {
				$("#paging").append("<a href='javascript:findProduct(pageIndex-1)' class='p_pre'>上一页</a>");
				$("#paging").append(pageNum());
				$("#paging").append("<a href='javascript:findProduct(pageIndex+1)' class='p_pre'>下一页</a>");
			}
			$("#paging").append("<a href='javascript:findProduct(pageCount)' class='p_pre'>尾页</a>");
		}
 		function caidan(){
		//二级菜单
		var sela=$("#sel").val();
		var sele=$("#sele");
		sele.empty();
		$.ajax({
		"url":"product",
		"type":"post",
		"data":"opr=towsort&t=2&sel="+sela,
		 async:false,
		 "dataType":"JSON",
		 "success":function(data){
		for(var i=0;i<data.length;i++){
		var opt="<option  value='"+data[i].id+"'>"+data[i].name+"</option>";
		sele.append(opt);
		}
		}
		});
		sancaidan();
		} 
		 function sancaidan(){
		//三级菜单
		var selec=$("#sele").val();
		var select=$("#select");
		select.empty();
		$.ajax({
		"url":"product",
		"type":"post",
		"data":"opr=three&t=3&sele="+selec,
		async:false,
		"dataType":"JSON",
		"success":function(data){
		for(var i=0;i<data.length;i++){
		var s="<option  value='"+data[i].id+"'>"+data[i].name+"</option>";
		select.append(s);
		}
		}
		});
		}
		function update(id,spid){
		$("#upk div").css({"display":"block"});
		 //一级菜单
		var sel=$("#sel");
		sel.empty();
		$.ajax({
		"url":"product",
		"type":"post",
		"data":"opr=sort&t=1",
		 async:false,
		"dataType":"json",
		"success":function(data){
		for(var i=0;i<data.length;i++){
		var opt="<option  value='"+data[i].id+"'>"+data[i].name+"</option>";
		sel.append(opt);
		}
		caidan();
		}
		}); 
		/**
		*查询
		*/
		$.get("product","opr=c&id="+id+"&spid="+spid,function(data){
		var ys;
		for(var i=0;i<data.length;i++){
		//目测颜色
	 	$("#s option").each(function(){
		if(this.value==data[i].state){
		$(this).prop({"selected":"selected"});
		}
		});
		//一级分类
		$("#sel option").each(function(){
		if(this.value==data[i].categoryLevel1){
		$(this).prop({"selected":"selected"});
		caidan();
		}
		});
		//一级分类结束
	 	//二级
	 	$("#sele").each(function(){
		if(this.value==data[i].categoryLevel2){
		$(this).prop({"selected":"selected"});
		}
		}); 
		//二级结束
		//三级
		$("#select option").each(function(){
		if(this.value==data[i].categoryLevel3){
		$(this).prop({"selected":"selected"});
		}
		});
		//三级结束
		$("#name").val(data[i].name);//名称
		$("#price").val(data[i].price);//价格
		$("#kc").val(data[i].stock);//库存
		$("#dd").val(data[i].description);//详情
		$("#im").attr("src","images/"+data[i].fileName);//图片文件路径
		$("#inp").val(data[i].id);
		$("#fi").val(data[i].fileName);//图片路径
		$("#spid").val(data[i].specificationid);//规格id
		var jf;
		if(data[i].score==""){
		jf=0;
		}if(data[i].score==null){
		jf=0;
		}else{
		jf=data[i].score;
		}
		$("#jf").val(jf);//积分
		if(data[i].colour==null){
		ys="暂无";
		}else if(data[i].colour==""){
		ys="暂无";
		}
		ys=data[i].colour;
		$("#ys").val(ys);//颜色
		$("#gg").val(data[i].specification);//规格
		var se=$("#se");
		var lis=new String();
		 lis=data[i].state.split(",");
		for(var i=0;i<lis.length;i++){
		var s="<option value="+lis[i]+">"+lis[i]+"</option>";
		}
		}/** for循环结尾*/
		},"JSON"); 
		}	
		/**
		*删除信息
		*/
		function deletee(id,sta,spid){
		var de=window.confirm("确定要删除此条信息吗?");
		if(de==true){
		$.get("product?opr=del&id="+id+"&sta="+sta+"&spid="+spid,null,function(data){
		if(data==1){
		alert("删除成功!");
		findProduct(1);
		pc();
		}else{
		alert("删除失败!,\n请查看商品状态是否是下架状态");
		findProduct(1);
		pc();
		}
		},"JSON");
		}else{
		alert("已取消删除！");
		};
		}
	</script> 	
 </head>
  <body>
   <input type="hidden" value="${type}" id="ty"/>
  <%@ include file="topBar.jsp" %>
  <%@ include file="leftBar.jsp" %>
    <c:if test="${type==1 }">
  <div id="productList">
    <p>商品列表</p>
    <table id="pl">
    </table>
  </div>
  <div class="pages" id="paging">
  </div>
  <div id="upK">
  	<div>
  	<img id="img" alt="关闭" src="images/s_close.gif"/>
    <h3>修改商品</h3>
  	<form action="product?opr=b" enctype="multipart/form-data" method="post" id="add">
  	 <c:if test="${not empty param.mess }">
	<span  id="mess"></span><br>
	</c:if>
	<c:if test="${empty param.mess }">
	<span  id="mess"></span><br>
	</c:if>	
	<table>
  	<tr><td>一级分类</td><td><select id="sel" name="sel"></select></td></tr>
  	<tr><td>二级分类</td><td><select id="sele" name="sele"></select></td></tr>
  	<tr><td>三级分类</td><td><select id="select" name="select"></select></td></tr>
  	<tr><td>商品名称:</td><td><input type="text" id="name" name="name"/>(必填)</td></tr>
 	<tr><td>商品图片:</td><td><img id="im" src=""/><input type="file" name="file" onchange="getPath(this);"id="file"/></td></tr>
 	 		<tr><td><input type="text" id="fi" name="fi"/></td></tr>
  	<tr><td>单价:</td><td><input type="text" id="price" name="price"/></td></tr>
  	<tr><td>库存:</td><td><input type="text" id="kc" name="kc"/></td></tr>
  	<tr><td>状态:</td><td><select id="s" name="s"><option value="0">上架</option><option value="1">下架</option></select></td></tr>
  	<tr><td>规格:</td><td><input id="gg" name="gg"/></td></tr>
  	<tr><td>颜色:</td><td><input id="ys" name="ys"/></td></tr>
  	<tr><td>积分:</td><td><input id="jf" name="jf"/></td></tr>
  	<tr><td>描述:</td><td><br><textarea id="dd" name="dd"></textarea></td></tr>
  			<tr><td><input id="inp" name="inp"/></td></tr>
  			<tr><td><input id="spid" name="spid"/></td></tr>
  	<tr><td><input type="submit" value="确定修改" /></td></tr>
  	</table>
  	</form>
  	</div>	
  	</div> 
  	 </c:if>
    <c:if test="${type!=1}">
    	<div id="wq" class="left_m">
    		<img src="images/lock.png"/>
    		<p>您无权查看此页面,<br/>请<a href="Login.jsp">登录</a>到管理员账号查看</p>
    	</div>
    </c:if>
   <%@ include file="bottomBar.jsp" %> 
  </body>
</html>